<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>Register - Dessert House</title>
	
	<link rel="shortcut icon" type="image/x-icon" href="../css/images/favicon.ico" />
	<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="all" />
	<link rel="stylesheet" href="../css/jquery-ui.css" type="text/css"/>
	
	<script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
		<script src="js/modernizr.custom.js"></script>
	<![endif]-->
	<script src="../js/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="../js/functions.js" type="text/javascript"></script>
	<script src="../js/jquery-ui.js" type="text/javascript"></script>
	<script src="../js/formValidator-4.1.3.js" type="text/javascript" charset="UTF-8"></script>
	<script src="../js/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
	<script src="../js/DateTimeMask.js" type="text/javascript"></script>
	
	<script type="text/javascript">
		$(document).ready(function(){
			$.formValidator.initConfig({theme:"Default",submitOnce:true,formID:"form1",
				onError:function(msg){alert(msg);},
				submitAfterAjaxPrompt : '有数据正在异步验证，请稍等...'
			});
			$("#us").formValidator({onShowFixText:"Use 6~12 letters, numbers or underscores, please start with a letter and end with a letter or a number.",onShowText:"Please enter your username.",onFocus:"6~12 characters.",onCorrect:"Valid username."}).inputValidator({min:6,max:12,onError:"Invalid length."});
			$("#password1").formValidator({onShowFixText:"Use 6~16 letters, numbers or special symbols, case-sensitive.",onShow:"Please enter the password.",onFocus:"6~16 characters.",onCorrect:"Valid password."}).inputValidator({min:6,max:16,empty:{leftEmpty:false,rightEmpty:false,emptyError:"Spaces are not allowed."},onError:"Invalid password."}).passwordValidator({compareID:"us"});
			$("#password2").formValidator({onShowFixText:"Please enter the password again.",onShow:"Please enter the password again.",onFocus:"6~16 characters.",onCorrect:"Passwords matched."}).inputValidator({min:6,max:16,empty:{leftEmpty:false,rightEmpty:false,emptyError:"Spaces are not allowed."},onError:"Invalid password."}).compareValidator({desID:"password1",operateor:"=",onError:"The passwords you typed do not match."});
			$("#Tel_number").formValidator({tipID:"teltip",onShow:"Use 19 numbers.",onFocus:"Use 19 numbers.",onCorrect:"Valid account."}).regexValidator({regExp:"^\\d{19,19}$",onError:"Invalid account."});
			$("#xueli").formValidator({onShow:"Please choose your gender.",onFocus:"Please choose your gender.",onCorrect:"Valid gender.",defaultValue:"a"}).inputValidator({min:1,onError: "Please choose your gender."}).defaultPassed();
		});
	</script>
	<script>
		$(function() {
    		$( "#datepicker" ).datepicker();
  		});
	</script>
	<style type="text/css">
		tr{height:32px;}
		.STYLE1 {
			font-size: 10px;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<!-- wrapper -->
	<div id="wrapper">
		<!-- header -->
		<div class="header">
			<!-- shell -->
			<div class="shell">
				<h1 id="logo"><a href="#">cafe</a></h1>
				<div class="testimonials">
					<div class="testimonials-slider flexslider">
						<ul class="slides">
							<li>
								<h4>“The best espresso in downtown!”</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
								</div>
								<p> - John Cooper, Gourmet</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Yummy cupcakes and donuts!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
									<a href="#"></a>
								</div>
								<p> - Ann Doe, Teacher</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Had a real fun there!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
								</div>
								<p> - Lisa Doe, Lawyer</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Great atmosphere!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
								</div>
								<p> - Gordon Doe, Manager</p>
								<div class="cl">&nbsp;</div>
							</li>
							<li>
								<h4>"Tastes good!"</h4>
								<div class="rating">
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#" class="active"></a>
									<a href="#"></a>
								</div>
								<p> - Orman Kent, Architect</p>
								<div class="cl">&nbsp;</div>
							</li>
						</ul>
					</div>
				</div>
				<!-- header-right -->
				<div class="header-right">
					<div class="subscribe">
						<a href="../user/login.jsp"><span></span>VIP Log in</a></div>
					<div class="socials">
						<a href="#" class="facebook-ico">facebook</a>
						<a href="#" class="twitter-ico">twitter</a>
					</div>
					<div class="cl">&nbsp;</div>
				</div>
				<div class="cl">&nbsp;</div>
				<!-- end of header -->
				<!-- navigation -->
				<nav id="navigation">
					<ul>
						<li><a href="../home/home.html">Homepage</a></li>
						<li><a href="../user/register.jsp">Register</a></li>
					</ul>
				</nav>
				<!-- end of navigation -->
				<!-- slider-holder -->
				<div class="slider-holder">
				<br>
				<h1>Register</h1>
					<table width=1800>
      					<tr>
   							<td>
   								<form name="form1" id="form1" action="../register.vip" method="post" action="">
    	  							<table>
        								<tr>
          									<td align="right"><h2>* Username</h2></td>
          									<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          									<td><input width=206px type="text" id="us" name="account" class="entry" size=35 /></td>
          									<td><div id="usTip" style="width:280px"></div></td>
       								  	</tr>
        								<tr>
         									<td align="right"><h2>* Password</h2></td>
         									<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          									<td><input width=206px id="password1" name="password" type="password" class="entry" size=35 ></td>
	          								<td><div id="password1Tip" style="width:280px"></div></td>
    	    							</tr>
        								<tr>
          									<td align="right"><h2>* Retype password</h2></td>
          									<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          									<td><input width=206px id="password2" name="retype" type="password" class="entry" size=35 ></td>
          									<td><div id="password2Tip" style="width:280px"></div></td>
        								</tr>
       									<tr>
         									<td align="right"><h2>Name</h2></td>
         									<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          									<td><input width=206px name="name" type="text" class="entry" size=35 ></td>
	        							</tr>
    	    							<tr>
        	  								<td align="right"><h2>Birthday</h2></td>
          									<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          									<td><input width=206px name="datepicker" type="text" id="datepicker" class="entry" size=35 /></td>
        								</tr>
        								<tr>
         									<td align="right"><h2>* Gender</h2></td>
	         								<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
    	      								<td>
        	    								<select style="width:206px" name="gender" id="xueli">
            	  									<option value="0" selected="selected">Unknown</option>
              										<option value="1">Female</option>
              										<option value="2">Male</option>
            									</select>
          									</td>
          									<td><div id="xueliTip" style="width:280px"></div></td>
        								</tr>
	       							<tr>
          								<td align="right"><h2>Address</h2></td>
       	  								<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
         									<td><input width=206px name="address" type="text" class="entry" size=35 ></td>
       								</tr>
        							<tr>
         								<td align="right"><h2>* Bank Account</h2></td>
          								<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          								<td><input width=206px id="Tel_number" name="bankaccoount" type="text" class="entry" size=35 class="creditcard"></td>
          								<td><div id="teltip" style="width:280px"></div></td>
       							  	</tr>	
	        						<tr>
    	   								<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
          								<td colspan="2" align="center">
         									<input type="submit" value="Submit">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         									<input type="reset" value="Reset">
         								</td>
        							</tr>
      							</table>
    						</form>
   						</td>
   					</tr>
   				</table>
				</div>
				<!-- end of slider -->
			</div>
			<!-- end of shell -->
		</div>
		<!-- end of header -->
		<!-- main -->
		<div class="main">
			<div class="shell">
				<!-- cols -->
				<section class="cols">
					<div class="col">
						<h3>Fantastic Donuts </h3>
						<img src="../css/images/cols-img.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Lorem ipsum dolor sit amet, con<br />sectetur adipiscing elit. Cras molestie condimentum conse am leom.</p>
							<a href="../goods/doughnuts.jsp" class="dot">All Donuts</a>
						</div>
					</div>
					<div class="col">
						<h3>Delicious Cupcakes</h3>
						<img src="../css/images/cols-img2.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libert.</p>
							<a href="../goods/cakes.jsp" class="dot">All Cakes</a>
						</div>
					</div>
					<div class="col">
						<h3>Amazing Coffee</h3>
						<img src="../css/images/cols-img3.png" alt="" class="alignleft" />
						<div class="cnt">
							<p>Sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
							<a href="../goods/drinks.jsp" class="dot">All Coffee</a>
						</div>
					</div>
					<div class="cl">&nbsp;</div>
				</section>
				<!-- end of cols -->
				<!-- content -->
				<div class="content">
					<h3>What's New</h3>
					<div class="entry">
						<div class="date">
							<strong>25<small>2012</small></strong>
							<em>APR</em>
						</div>
						
						<div class="cnt">
							<h4>News Title 1 Goes Right Here</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leom. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. </p>
							<a href="#" class="dot">View More</a>
						</div>
					</div>
					<div class="entry">
						<div class="date">
							<strong>22<small>2012</small></strong>
							<em>APR</em>
						</div>
						<div class="cnt">
							<h4>News Title 1 Goes Right Here</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leom. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. </p>
							<a href="#" class="dot">View More</a>
						</div>
					</div>
				</div>
				<!-- end of content -->
				<!-- sidebar -->
				<aside class="sidebar">
					<div class="widget">
						<div class="facebook-social">
							<img src="../css/images/facebook-img.png" alt="" />
						</div>
					</div>
				</aside>
				<!-- end of sidebar -->
				<div class="cl">&nbsp;</div>
			</div>
		</div>
		<!-- end of main -->
		<div id="footer-push"></div>
	</div>
	<!-- end of wrapper -->
	<div id="footer">
		<div class="shell">
			<div class="footer-nav">
				<ul>
					<li><a href="../home/home.html">Homepage</a></li>
					<li><a href="../user/register.jsp">Register</a></li>
				</ul>
			</div>
			<p class="copy">?Copyright 2012<span>|</span>Cafe CSS Template. Design by <a href="http://chocotemplates.com" target="_blank">ChocoTemplates.com</a></p>
		</div>
	</div>
</body>
</html>